Posts by Beach

So!

I am here to learn how to make fancyposts (advanced)

Bump!

No there isn't you just pm me and show me a fancypost you did and if i think it's good i make you staff.

[align=center][fancypost bgcolor=transparent; border: 0px solid black; width: 460px; color: white; text-shadow: 2px 2px 5px #FFE8C7; font-family: georgia; font-size: 40pt; text-align: center; text-transform: lowercase;]Beach. ♥[/fancypost]
[size=5pt]
[font=times new roman][size=7pt]And we'll never be [color=#FFDBE0]Royals;

[size=5pt]
[fancypost bgcolor= transparent; border: 0px transparent; width: 350px;][justify][color=#D1EEEE][font=Georgia][size=8]-♥-

[align=center][size=4pt]Fancie ©Beach. ♥[/fancypost]

Yes stargirl i need help on making good fancyposts not really easy ones. I could make those in a second X3

Okay so can you teach me?
By the looks of your fancyposts your great :)

I understand most. I don't understand the how you add tables into a fancypost?
its confusing.

Okay i also made a fancypost

❤ ѕυиℓιgнт. wrote:

[font=arial]all the codes that i have seen!
the information is in spoilers, to save space, as well as codes!
(note, if your computer is like mine, press F3 and type what you're looking for into the box that pops up. this will save you time c:)
spoiler 1: the explanation and how-to-use.
spoiler 2: the code.
spoiler 3 (if any): examples.
[hr]basic fancypost;;

Display Spoiler

this is self explanatory -- put a color where it says color, a number where it says width, and either inset, outset, groove, ridge, dashed, double, dotted, or solid where it says type.

Display Spoiler

Code

1. [align=center][fancypost bgcolor= COLOR; border: WIDTHpx TYPE COLOR;]
2. TEXT
3. [/fancypost][/align]

[hr][hr]
multiple border types (different colors/sizes/types);;

Display Spoiler

there are eight types of borders -- ridge, groove, inset, outset, double, solid, dashed, and dotted.

where it says bordertype, type one of the above types that has been listed. where it says color, list a color or a hexcode -- either words! number is the thickness of the border.

Display Spoiler

Code

1. border-top: NUMBERpx BORDERTYPE COLOR; border-left: NUMBERpx BORDERTYPE COLOR; border-bottom: NUMBERpx BORDERTYPE COLOR; border-right: NUMBERpx BORDERTYPE COLOR;

[hr][hr]
universal font color

Display Spoiler

this makes all the text in a fancypost the same color. easy for reducing clutter!

Display Spoiler

Code

1. color: COLOR;

[hr][hr]
scrollies (at least 50x50 for it to be readable);;

Display Spoiler

this is simple as well. put a number where it says number, and you're set!

Display Spoiler

Code

1. overflow: auto; width: NUMBERpx; height: NUMBERpx;

[hr][hr]
rounded edges;;

Display Spoiler

this rounds all corners. just put a number where it says number!

Display Spoiler

Code

1. border-radius: NUMBERpx;

[hr][hr]
multiple rounded edges;;

Display Spoiler

this makes each corner however rounded you want. put a number where it says topright, topleft, bottomright, and bottomleft, to specify what corners you want rounded and how much.

Display Spoiler

Code

1. border-radius: TOPRIGHTpt BOTTOMRIGHTpt BOTTOMLEFTpt TOPLEFTpt;

Display Spoiler

this is also tabled.

[hr][hr]
universal font;;

Display Spoiler

this makes all the text in the fancypost the same font. simply put a font where it says!
some fonts you may use are trebuchet ms, andale mono, times new roman, comic sans ms, and georgia!

Display Spoiler

Code

1. font-family: FONTHERE;

[hr][hr]
universal font size;;

Display Spoiler

this makes all the text in the fancypost the same size. simply put a number where it asks for it!

Display Spoiler

Code

1. ; font-size: NUMBERpx;

[hr][hr]
capital or lowercase letters;;

Display Spoiler

this makes all text in a fancypost either uppercase or lowercase -- saves time if you want all caps! simply put upper or lower where it says TYPE.

Display Spoiler

Code

1. text-transform: TYPEcase;

[hr][hr]
height and width;;

Display Spoiler

this adjusts the height and width of our fancypost without it scrolling. beware, if you set a height and it doesn't scroll, and you type too much -- the text will not stay in the box!

Display Spoiler

Code

1. height: NUMBERpx; width: NUMBERpx;

[hr][hr]
text spacing;;

Display Spoiler

this adjusts how close or far apart the letters are. a negative number pulls them closer together, while a positive pushes them further apart.

Display Spoiler

FURTHER APART

Code

1. letter-spacing: NUMBERpx;

CLOSER TOGETHER

Code

1. letter-spacing: -NUMBERpx;

[hr][hr]
italics, bold, etc;;

Display Spoiler

this changes what type of style the text is -- bold, italic, strikethrough, or underline. simlpy put one of those choices where it says style and all the text in a fancypost will have it!

Display Spoiler

Code

1. text-style: STYLE;

[hr][hr]
text shadowing;;

Display Spoiler

this makes all the text in a fancypost have a shadow -- just type a color!

Display Spoiler

Code

1. text-shadow: 3px 3px 3px COLOR;

Display Spoiler

the title on this is shadowed.

[hr][hr]
text outline;;

Display Spoiler

this makes all text have an outline in any color! again, simply add a color where it asks for it!

Display Spoiler

Code

1. text-shadow: 1px 1px COLOR, 1px -1px COLOR, -1px 1px COLOR, -1px -1px COLOR;

[hr][hr]
margins;;

Display Spoiler

this moves a fancypost to anywhere you want it!
the alignments are as follows: left, right, top, and bottom. add a number as well! negatives pull it towards the specified alignment, while positives push it away from the alignment.
(i.e. margin-top: -3px; pulls the fancypost closer to the top)

Display Spoiler

Code

1. margin-ALIGNMENT: NUMBERpx;

[hr][hr]
multiple colored box shadows;;

Display Spoiler

these create dropshadows under the fancypost! by adding more commas and colors, you can create more dropshadows. make sure to play around with the numbers! width is how far to the left or right it is. a negative number pulls it to the left, while a positive number pushes it to the right.
height is how high or low it is. a negative number pushes it down (i believe), and a positive pulls it up.
blue is how soft it is around the edges -- the softer it is, the bigger the overall radius. opacity is how light or dark // visible it is.

Display Spoiler

Code

1. box-shadow: WIDTHpx HEIGHTpx BLURpx OPACITYpx COLOR, WIDTHpx HEIGHTpx BLURpx OPACITYpx COLOR;

[hr][hr]
shadowing inside the fancypost;;

Display Spoiler

this is the opposite of a box-shadow. the usage is the same, but this is a shadow inside of the fancypost.

Display Spoiler

Code

1. box-shadow: WIDTHpx HEIGHTpx BLURpx OPACITYpx COLOR inset;

Display Spoiler

this has multiple shadows inside of it.

[hr][hr]
picture background;;

Display Spoiler

just put a link where it says url, no img codes!

Display Spoiler

Code

1. background:url(URL);

[hr][hr]
background position;;

Display Spoiler

does it ever annoy you when you can't get the background to show the part of the picture you want?
this code helps you position the background where you'd like. simply put left, right, or center where it says PLACE.

Display Spoiler

Code

1. background-position: PLACE;

Display Spoiler

^^^ this works as a background placement and float example. the text moves for the image and the background is centered.

[hr][hr]
float;;

Display Spoiler

so there are some fancyposts where the picture is in the corner of where the text goes, and yet -- the text doesn't overlap the image. how does that happen?!
well, i've been examining fancyposts as of late, and i figured out the code! as usual, put left, right, or center where it says PLACE.

Display Spoiler

Code

1. float: PLACE;

Display Spoiler

^^^ this works as a background placement and float example. the text moves for the image and the background is centered.

[hr][hr]
opacity;;

Display Spoiler

this is for making boxes see-through or not. the number is a number between .0 and .99, with .99 being the least see-through and .0 being the most see-through.

Display Spoiler

Code

1. opacity: 0.NUMBER;

Display Spoiler

[hr][hr]
tilt;;

Display Spoiler

choose a number between 1 and 360. these stand for the number of degrees and how much it's been rotated, with 180 being flipped over. fill in the same number for everywhere it says 'number'.

Display Spoiler

Code

1. transform: rotate (NUMBERdeg); -o-transform: rotate(NUMBERdeg); -webkit-transform: rotate(NUMBERdeg); -moz-transform: rotate(NUMBERdeg);

Display Spoiler

this also has text-shadowing.

[hr][hr]
text on border;;

Display Spoiler

where it says style, put either bold, italic, underline, or strikethrough.

where it says place, put either justify, center, left, or right.

where it says font, put the font you'd like. for example -- georgia, andale mono, and arial are good fonts.

the rest is just a normal fancypost.

Display Spoiler

Code

1. [fancypost bgcolor= translarent; bordercolor= transparent; borderwidth= 0px; font-family: FONT; font-style: STYLE; font-size: 36px; margin-bottom: -13px; letter-spacing: 13px; text-align: PLACE]TITLE[/fancypost][fancypost bgcolor= COLOR; border: WIDTHpx TYPE COLOR;]
2. TEXT
3. [/fancypost]

Display Spoiler

[hr][hr]
fancypost inside of a fancypost

Display Spoiler

this is just a fancypost with a smaller fancypost inside of it.

Display Spoiler

Code

1. [align=center][fancypost bgcolor= COLOR; border: WIDTHpx TYPE COLOR;]
4. OPTIONAL TEXT
7. [fancypost bgcolor= COLOR; border: WIDTHpx TYPE COLOR]
10. TEXT
13. [/fancypost]

Display More

[hr][hr]
tables;;

Display Spoiler

tr's are table rows, and the td's are table data, eg. the fancypost or some symbols.

just fill it in accordingly!

Display Spoiler

Code

1. [table]
2. [tr]
3. [td][fancyimage]LINK[/fancyimage][/td]
4. [td][fancypost bgcolor= COLOR; bordercolor= COLOR; borderwidth= NUMBERpx;]
5. TEXT
6. [/fancypost][/td]
7. [/tr]
8. [/table]

Display Spoiler

[hr][hr]
Triple Fancypost;;

Display Spoiler

this is just like a normal fancypost, except a triple box. fill it in normally.

Display Spoiler

Code

1. [fancypost bgcolor= COLOR; bordercolor= COLOR; borderwidth= NUMBERpx; border-radius: 50px 50px 0px 0px;]TEXT[/fancypost]
2. [fancypost bgcolor= COLOR; bordercolor= COLOR; borderwidth= NUMBERpx;][align=center]
5. TEXT
8. [/align][/fancypost]
9. [fancypost bgcolor= COLOR; bordercolor= COLOR; borderwidth= NUMBERpx; border-radius: 0px 0px 50px 50px;][align=center]TEXT
10. [align=center][size=4pt][c] Enchanted[/size][/align][/fancypost]

[hr][hr]
shadowed fancyposts;;

Display Spoiler

this creates a drop-shadow under the fancypost. where it says width, a positive number pushes the shadow to the right, while a negative pulls it to the left. for height, a positive pulls it up, a negative pushes it down. blur changes how soft it looks, the higher the number the softer, and opacity changes how dark or light it is.

Display Spoiler

Code

1. box-shadow: WIDTHpx HEIGHTpx BLURpx OPACITYpx COLOR;

[hr][hr]
half-fancypost;;

Display Spoiler

this is simply a fancypost with two borders rather than four.

Display Spoiler

Code

1. [fancypost borderwidth=0; border-left: NUMBERpx TYPE COLOR; border-bottom: NUMBERpx TYPE COLOR;]

[hr][hr]
cross fancypost;;

Display Spoiler

this looks like a cross!

Display Spoiler

Code

1. [fancypost bgcolor=transparent; width: 450px; margin-bottom: -20px; borderwidth=0px; letter-spacing: 4px; font-size: 20pt; font-family: georgia; text-transform: none; text-align: center; border-bottom: NUMBERpx TYPE COLOR;]TITLE[/fancypost]
2. [fancypost bgcolor=transparent bordercolor=transparent borderwidth=0px; width: 400px; letter-spacing: 1px; color: #000000; font-family: georgia; text-transform: none; text-align: justify; border-left: NUMBERpx TYPE COLOR;]
5. TEXT
8. [/fancypost]

[hr][hr]
cursors

Display Spoiler

find a cursor on cursors-4u and use the code.

Display Spoiler

Code

1. cursor: url("LINK HERE"), auto;

[hr][hr]
[font=arial][color=black]yay there's the code list
[hr][hr][hr]
here's the [color=black]lorem ipsum dummy text;;

Display Spoiler

use this to test fancyposts and see how they look with text!

Display Spoiler

Code

1. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum. Typi non habent claritatem insitam; est usus legentis in iis qui facit eorum claritatem. Investigationes demonstraverunt lectores legere me lius quod ii legunt saepius. Claritas est etiam processus dynamicus, qui sequitur mutationem consuetudium lectorum. Mirum est notare quam littera gothica, quam nunc putamus parum claram, anteposuerit litterarum formas humanitatis per seacula quarta decima et quinta decima. Eodem modo typi, qui nunc nobis videntur parum clari, fiant sollemnes in futurum.

Display More

This might help me :3

No.
:(

Everyone else is putting it in a spoiler so

[fancypost bgcolor= translarent; bordercolor= transparent; borderwidth= 0px; font-family: papyrus; font-style: STYLE; font-size: 26px; margin-bottom: -14px; letter-spacing: 13px; text-align: PLACE]Yes :D[/fancypost][fancypost bgcolor= black; border: 40px white;]

yay
[/fancypost]

[fancypost bgcolor= translarent; bordercolor= transparent; borderwidth= 0px; font-family: times new roman; font-style: shadow; font-size: 36px; margin-bottom: -13px; letter-spacing: 9px; text-align: left]Beach. ♥[/fancypost]

Username:Beach
Screen name:Beach. ♥
How much do you spam?(1-10):2
Why are you joining KTG?:It is a chat thread so i want to chat and might get some clan mates(aka friends)
Other:I like the name kitty to go

[fancypost bgcolor= translarent; bordercolor= transparent; borderwidth= 0px; font-family: times new roman; font-style: shadow; font-size: 36px; margin-bottom: -13px; letter-spacing: 9px; text-align: left]Beach. ♥[/fancypost]